<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Responsive Admin Dashboard Template">
        <meta name="keywords" content="admin,dashboard">
        <meta name="author" content="skcats">
        <!-- The above 6 meta tags *must* come first in the head; any other head content must come *after* these tags -->
        
        <!-- Title -->
        <title></title>

        <!-- Styles -->
        <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
        <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
        <link href="assets/plugins/icomoon/style.css" rel="stylesheet">
        <link href="assets/plugins/uniform/css/default.css" rel="stylesheet"/>
        <link href="assets/plugins/switchery/switchery.min.css" rel="stylesheet"/>
        <link href="assets/plugins/summernote-master/summernote.css" rel="stylesheet" type="text/css"/>
      
        <!-- Theme Styles -->
        <link href="assets/css/ecaps.min.css" rel="stylesheet">
        <link href="assets/css/custom.css" rel="stylesheet">

        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="page-sidebar-collapsed">

    <!-- Page Container -->
    <div class="page-container">
        <!-- Page Sidebar -->
        <div class="page-sidebar">
            <a class="logo-box" href="index.html">
                <span>ecaps</span>
                <i class="icon-radio_button_unchecked" id="fixed-sidebar-toggle-button"></i>
                <i class="icon-close" id="sidebar-toggle-button-close"></i>
            </a>
            <div class="page-sidebar-inner">
                <div class="page-sidebar-menu">
                    <ul class="accordion-menu">
                        <!--   <li class="active-page">
                               <a href="index.html">
                                   <i class="menu-icon icon-home4"></i><span>Dashboard</span>
                               </a>
                           </li>
                           <li>
                               <a href="email.html">
                                   <i class="menu-icon icon-inbox"></i><span>Email</span>
                               </a>
                           </li>  -->
                        <li>
                            <a href="javascript:void(0)">
                                <i class="menu-icon icon-flash_on"></i><span>车辆管理</span><i class="accordion-icon fa fa-angle-left"></i>
                            </a>
                            <ul class="sub-menu">
                                <li><a href="ui-alerts.html">录入车队信息</a></li>
                                <li><a href="ui-buttons.html">修改车队信息</a></li>
                                <li><a href="ui-icons.html">删除车队信息</a></li>
                                <li><a href="ui-typography.html">查询车队信息</a></li>
                                <li><a href="ui-notifications.html">录入车辆信息</a></li>
                                <li><a href="ui-modals.html">修改车辆信息</a></li>
                                <li><a href="ui-progress.html">删除车辆信息</a></li>
                                <li><a href="ui-tabs-accordions.html">查询车辆信息</a></li>
                                <!--            <li><a href="ui-tree-view.html">Tree View</a></li>
                                            <li><a href="ui-nestable.html">Nestable</a></li>-->
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <i class="menu-icon icon-layers"></i><span>驾驶员管理</span><i class="accordion-icon fa fa-angle-left"></i>
                            </a>
                            <ul class="sub-menu">
                                <li><a href="layout-blank.html">录入驾驶员信息</a></li>
                                <li><a href="layout-boxed.html">修改驾驶员信息</a></li>
                                <li><a href="layout-collapsed-sidebar.html">删除驾驶员信息</a></li>
                                <li><a href="layout-fixed-header.html">查询驾驶员信息</a></li>
                                <li><a href="layout-fixed-sidebar.html">驾驶员车辆绑定</a></li>
                                <li><a href="layout-fixed-sidebar-header.html">驾驶员车辆解绑</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <i class="menu-icon icon-code"></i><span>承运任务管理</span><i class="accordion-icon fa fa-angle-left"></i>
                            </a>
                            <ul class="sub-menu">
                                <li><a href="form-elements.html">开出承运单</a></li>
                                <li><a href="form-wizard.html">修改承运单</a></li>
                                <li><a href="form-file-upload.html">删除承运单</a></li>
                                <li><a href="form-image-crop.html">查询承运单</a></li>
                                <li><a href="form-image-zoom.html">接收承运单</a></li>
                                <!--       <li><a href="form-x-editable.html">X-editable</a></li>-->
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <i class="menu-icon icon-format_list_bulleted"></i><span>运力查询</span><i class="accordion-icon fa fa-angle-left"></i>
                            </a>
                            <ul class="sub-menu">
                                <li><a href="table-static.html">查询承运车队</a></li>
                                <li><a href="table-responsive.html">查询承运车辆</a></li>
                                <li><a href="table-data.html">查询承运单</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="charts.html">
                                <i class="menu-icon icon-show_chart"></i><span>调度承运任务</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <i class="menu-icon icon-my_location"></i><span>运输成本核算</span><i class="accordion-icon fa fa-angle-left"></i>
                            </a>
                            <ul class="sub-menu">
                                <li><a href="maps-google.html">录入成本</a></li>
                                <li><a href="maps-vector.html">查询承运任务</a></li>
                                <li><a href="ui-tree-view.html">修改成本</a></li>
                                <li><a href="ui-nestable.html">核算运输成本</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <i class="menu-icon icon-star"></i><span>系统维护</span><i class="accordion-icon fa fa-angle-left"></i>
                            </a>
                            <ul class="sub-menu">
                                <li><a href="invoice.html">添加用户</a></li>
                                <li><a href="pricing-tables.html">修改用户</a></li>
                                <li><a href="timeline.html">删除用户</a></li>
                                <li><a href="profile.html">修改密码</a></li>
                                <li><a href="lockscreen.html">查询用户</a></li>
                                <li><a href="todo.html">查询日志</a></li>
                                <li><a href="gallery.html">系统维护设置</a></li>
                            </ul>
                        </li>
                        <!--       <li class="menu-divider"></li>
                               <li>
                                   <a href="index.html">
                                       <i class="menu-icon icon-help_outline"></i><span>Documentation</span>
                                   </a>
                               </li>
                               <li>
                                   <a href="index.html">
                                       <i class="menu-icon icon-public"></i><span>Changelog</span><span class="label label-danger">1.0</span>
                                   </a>
                               </li>-->
                    </ul>
                </div>
            </div>
        </div><!-- /Page Sidebar -->
            
            <!-- Page Content -->
            <div class="page-content">            
                <!-- Page Header -->
                <div class="page-header">
                    <div class="search-form">
                        <form action="#" method="GET">
                            <div class="input-group">
                                <input type="text" name="search" class="form-control search-input" placeholder="Type something...">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" id="close-search" type="button"><i class="icon-close"></i></button>
                                </span>
                            </div>
                        </form>
                    </div>
                    <nav class="navbar navbar-default">
                        <div class="container-fluid">
                            <!-- Brand and toggle get grouped for better mobile display -->
                            <div class="navbar-header">
                                <div class="logo-sm">
                                    <a href="javascript:void(0)" id="sidebar-toggle-button"><i class="fa fa-bars"></i></a>
                                    <a class="logo-box" href="index.html"><span>ecaps</span></a>
                                </div>
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                    <i class="fa fa-angle-down"></i>
                                </button>
                            </div>
                        
                            <!-- Collect the nav links, forms, and other content for toggling -->
                        
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav">
                                    <li><a href="javascript:void(0)" id="collapsed-sidebar-toggle-button"><i class="fa fa-bars"></i></a></li>
                                    <li><a href="javascript:void(0)" id="toggle-fullscreen"><i class="fa fa-expand"></i></a></li>
                                    <li><a href="javascript:void(0)" id="search-button"><i class="fa fa-search"></i></a></li>
                                </ul>
                                <ul class="nav navbar-nav navbar-right">
                                    <li><a href="javascript:void(0)" class="right-sidebar-toggle" data-sidebar-id="main-right-sidebar"><i class="fa fa-envelope"></i></a></li>
                                    <li class="dropdown">
                                        <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-bell"></i></a>
                                        <ul class="dropdown-menu dropdown-lg dropdown-content">
                                            <li class="drop-title">Notifications<a href="#" class="drop-title-link"><i class="fa fa-angle-right"></i></a></li>
                                            <li class="slimscroll dropdown-notifications">
                                                <ul class="list-unstyled dropdown-oc">
                                                    <li>
                                                        <a href="#"><span class="notification-badge bg-primary"><i class="fa fa-photo"></i></span>
                                                            <span class="notification-info">Finished uploading photos to gallery <b>"South Africa"</b>.
                                                                <small class="notification-date">20:00</small>
                                                            </span></a>
                                                    </li>
                                                    <li>
                                                        <a href="#"><span class="notification-badge bg-primary"><i class="fa fa-at"></i></span>
                                                            <span class="notification-info"><b>John Doe</b> mentioned you in a post "Update v1.5".
                                                                <small class="notification-date">06:07</small>
                                                            </span></a>
                                                    </li>
                                                    <li>
                                                        <a href="#"><span class="notification-badge bg-danger"><i class="fa fa-bolt"></i></span>
                                                            <span class="notification-info">4 new special offers from the apps you follow!
                                                                <small class="notification-date">Yesterday</small>
                                                            </span></a>
                                                    </li>
                                                    <li>
                                                        <a href="#"><span class="notification-badge bg-success"><i class="fa fa-bullhorn"></i></span>
                                                            <span class="notification-info">There is a meeting with <b>Ethan</b> in 15 minutes!
                                                                <small class="notification-date">Yesterday</small>
                                                            </span></a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown user-dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="http://via.placeholder.com/36x36" alt="" class="img-circle"></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="#">Profile</a></li>
                                            <li><a href="#">Calendar</a></li>
                                            <li><a href="#"><span class="badge pull-right badge-danger">42</span>Messages</a></li>
                                            <li role="separator" class="divider"></li>
                                            <li><a href="#">Account Settings</a></li>
                                            <li><a href="#">Log Out</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div><!-- /.navbar-collapse -->
                        </div><!-- /.container-fluid -->
                    </nav>
                </div><!-- /Page Header -->
                <!-- Page Inner -->
                <div class="page-inner">
                    <div id="main-wrapper">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="input-group email-search">
                                    <input type="text" class="form-control" placeholder="Search for an email">
                                    <span class="input-group-btn">
                                        <button class="btn btn-primary" type="button">Search</button>
                                    </span>
                                </div>
                            </div>
                        </div><!-- Row -->
                        <div class="cross-page-line"></div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="email-actions">
                                    <a href="#" class="btn btn-primary compose">Compose</a>
                                </div>
                                <div class="email-menu">
                                    <ul class="list-unstyled">
                                        <li class="active"><a href="#"><i class="icon-inbox"></i><span>Inbox</span></a></li>
                                        <li><a href="#"><i class="icon-send"></i><span>Sent</span></a></li>
                                        <li><a href="#"><i class="icon-mail_outline"></i><span>Drafts</span></a></li>
                                        <li><a href="#"><i class="icon-error"></i><span>Spam</span></a></li>
                                        <li class="divider"></li>
                                        <li><a href="#"><i class="icon-delete"></i><span>Trash</span></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="email-list">
                                    <ul class="list-unstyled">
                                        <li class="active">
                                            <a href="#">
                                                <div class="email-list-item">
                                                    <div class="email-author">
                                                        <img src="http://via.placeholder.com/35x35" alt="">
                                                        <span class="author-name">Kenny Highland</span>
                                                        <span class="email-date">5m ago</span>
                                                    </div>
                                                    <div class="email-info">
                                                        <span class="email-subject">
                                                            Maecenas porttitor porta erat ac suscipit porta erat ac suscipit
                                                        </span>
                                                        <span class="email-text">
                                                            Vestibulum placerat imperdiet tellus, et tincidunt eros posuere eget
                                                        </span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="email-list-item">
                                                    <div class="email-author">
                                                        <img src="http://via.placeholder.com/35x35" alt="">
                                                        <span class="author-name">Darrell Price</span>
                                                        <span class="email-date">2:05pm</span>
                                                    </div>
                                                    <div class="email-info">
                                                        <span class="email-subject">
                                                            Fusce pretium sem sit amet consectetur dictum
                                                        </span>
                                                        <span class="email-text">
                                                            Suspendisse purus mauris, elementum nec ligula sed
                                                        </span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="email-list-item">
                                                    <div class="email-author">
                                                        <img src="http://via.placeholder.com/35x35" alt="">
                                                        <span class="author-name">Amy Walker</span>
                                                        <span class="email-date">28 Oct</span>
                                                    </div>
                                                    <div class="email-info">
                                                        <span class="email-subject">
                                                            Curabitur egestas felis dui, sed dictum lorem maximus et
                                                        </span>
                                                        <span class="email-text">
                                                            Ut ullamcorper elit vitae dolor cursus maximus
                                                        </span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="email-list-item">
                                                    <div class="email-author">
                                                        <img src="http://via.placeholder.com/35x35" alt="">
                                                        <span class="author-name">Kathy Olson</span>
                                                        <span class="email-date">24 Oct</span>
                                                    </div>
                                                    <div class="email-info">
                                                        <span class="email-subject">
                                                            Phasellus libero quam, luctus ut purus eget
                                                        </span>
                                                        <span class="email-text">
                                                            Fusce mollis sem nisl, eu rutrum sapien tempus in
                                                        </span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="email-list-item">
                                                    <div class="email-author">
                                                        <img src="http://via.placeholder.com/35x35" alt="">
                                                        <span class="author-name">Susan Mabry</span>
                                                        <span class="email-date">17 Oct</span>
                                                    </div>
                                                    <div class="email-info">
                                                        <span class="email-subject">
                                                            Class aptent taciti sociosqu ad litora torquent per conubia nostra
                                                        </span>
                                                        <span class="email-text">
                                                            Pellentesque pellentesque condimentum lectus eget accumsan
                                                        </span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="email-list-item">
                                                    <div class="email-author">
                                                        <img src="http://via.placeholder.com/35x35" alt="">
                                                        <span class="author-name">Richard Lunsford</span>
                                                        <span class="email-date">16 Oct</span>
                                                    </div>
                                                    <div class="email-info">
                                                        <span class="email-subject">
                                                            Donec aliquet felis sed ante molestie cursus
                                                        </span>
                                                        <span class="email-text">
                                                            Suspendisse euismod leo at enim accumsan volutpat
                                                        </span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-7">
                                <div class="email-actions">
                                    <a href="#" class="btn btn-default">Reply</a>
                                    <a href="#" class="btn btn-default">Forward</a>
                                    <a href="#" class="btn btn-default">Mark as read</a>
                                    <a href="#" class="btn btn-danger">Delete</a>
                                </div>
                                <div class="email">
                                    <div class="email-header">
                                        <div class="email-title"><p>Maecenas porttitor porta erat ac suscipit porta erat ac suscipit</p></div>
                                        <span class="divider"></span>
                                        <div class="email-author">
                                            <img src="http://via.placeholder.com/35x35" alt="">
                                            <span class="author-name">kenny.high@ecaps.com</span>
                                            <span class="email-date">4:14pm</span>
                                        </div>
                                        <span class="divider"></span>
                                    </div>
                                    <div class="email-body">
                                        <span>
                                            Dear Sir/Madam,<br><br>
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut ante id elit molestie ornare. Pellentesque porttitor facilisis risus, sit amet semper ante efficitur et. Etiam quis rutrum leo, vitae posuere augue. Donec odio leo, dapibus id sollicitudin vel, luctus sit amet justo. Aenean cursus, tellus ut consectetur commodo, est dolor fringilla mauris, nec tristique magna orci in diam. Cras eget libero sit amet felis tincidunt mattis.<br><br>
                                            Waiting your reply ASAP,<br>
                                            Thanks in advance.
                                        </span>
                                    </div>
                                    <div class="email-reply">
                                        <div class="summernote"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- Row -->
                    </div><!-- Main Wrapper -->
                    <div class="page-footer">
                        <p>Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                    </div>
                </div><!-- /Page Inner -->
                <div class="page-right-sidebar" id="main-right-sidebar">
                    <div class="page-right-sidebar-inner">
                        <div class="right-sidebar-top">
                            <div class="right-sidebar-tabs">
                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="active" id="chat-tab"><a href="#chat" aria-controls="chat" role="tab" data-toggle="tab">chat</a></li>
                                    <li role="presentation" id="settings-tab"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">settings</a></li>
                                </ul>
                            </div>
                            <a href="javascript:void(0)" class="right-sidebar-toggle right-sidebar-close" data-sidebar-id="main-right-sidebar"><i class="icon-close"></i></a>
                        </div>
                        <div class="right-sidebar-content">
                            <!-- Tab panes -->
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane active" id="chat">
                                    <div class="chat-list">
                                        <span class="chat-title">Recent</span>
                                        <a href="javascript:void(0);" class="right-sidebar-toggle chat-item unread" data-sidebar-id="chat-right-sidebar">
                                            <div class="user-avatar">
                                                <img src="http://via.placeholder.com/40x40" alt="">
                                            </div>
                                            <div class="chat-info">
                                                <span class="chat-author">David</span>
                                                <span class="chat-text">where u at?</span>
                                                <span class="chat-time">08:50</span>
                                            </div>
                                        </a>
                                        <a href="javascript:void(0);" class="right-sidebar-toggle chat-item unread active-user" data-sidebar-id="chat-right-sidebar">
                                            <div class="user-avatar">
                                                <img src="http://via.placeholder.com/40x40" alt="">
                                            </div>
                                            <div class="chat-info">
                                                <span class="chat-author">Daisy</span>
                                                <span class="chat-text">Daisy sent a photo.</span>
                                                <span class="chat-time">11:34</span>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="chat-list">
                                        <span class="chat-title">Older</span>
                                        <a href="javascript:void(0);" class="right-sidebar-toggle chat-item" data-sidebar-id="chat-right-sidebar">
                                            <div class="user-avatar">
                                                <img src="http://via.placeholder.com/40x40" alt="">
                                            </div>
                                            <div class="chat-info">
                                                <span class="chat-author">Tom</span>
                                                <span class="chat-text">You: ok</span>
                                                <span class="chat-time">2d</span>
                                            </div>
                                        </a>
                                        <a href="javascript:void(0);" class="right-sidebar-toggle chat-item active-user" data-sidebar-id="chat-right-sidebar">
                                            <div class="user-avatar">
                                                <img src="http://via.placeholder.com/40x40" alt="">
                                            </div>
                                            <div class="chat-info">
                                                <span class="chat-author">Anna</span>
                                                <span class="chat-text">asdasdasd</span>
                                                <span class="chat-time">4d</span>
                                            </div>
                                        </a>
                                        <a href="javascript:void(0);" class="right-sidebar-toggle chat-item active-user" data-sidebar-id="chat-right-sidebar">
                                            <div class="user-avatar">
                                                <img src="http://via.placeholder.com/40x40" alt="">
                                            </div>
                                            <div class="chat-info">
                                                <span class="chat-author">Liza</span>
                                                <span class="chat-text">asdasdasd</span>
                                                <span class="chat-time">&nbsp;</span>
                                            </div>
                                        </a>
                                        <a href="javascript:void(0);" class="load-more-messages"  data-toggle="tooltip" data-placement="bottom" title="Load More">&bull;&bull;&bull;</a>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane" id="settings">
                                    <div class="right-sidebar-settings">
                                        <span class="settings-title">General Settings</span>
                                        <ul class="sidebar-setting-list list-unstyled">
                                            <li>
                                                <span class="settings-option">Notifications</span><input type="checkbox" class="js-switch" checked />
                                            </li>
                                            <li>
                                                <span class="settings-option">Activity log</span><input type="checkbox" class="js-switch" checked />
                                            </li>
                                            <li>
                                                <span class="settings-option">Automatic updates</span><input type="checkbox" class="js-switch" />
                                            </li>
                                            <li>
                                                <span class="settings-option">Allow backups</span><input type="checkbox" class="js-switch" />
                                            </li>
                                        </ul>
                                        <span class="settings-title">Account Settings</span>
                                        <ul class="sidebar-setting-list list-unstyled">
                                            <li>
                                                <span class="settings-option">Chat</span><input type="checkbox" class="js-switch" checked />
                                            </li>
                                            <li>
                                                <span class="settings-option">Incognito mode</span><input type="checkbox" class="js-switch" />
                                            </li>
                                            <li>
                                                <span class="settings-option">Public profile</span><input type="checkbox" class="js-switch" />
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="page-right-sidebar" id="chat-right-sidebar">
                    <div class="page-right-sidebar-inner">
                        <div class="right-sidebar-top">
                            <div class="chat-top-info">
                                <span class="chat-name">Noah</span>
                                <span class="chat-state">2h ago</span>
                            </div>
                            <a href="javascript:void(0)" class="right-sidebar-toggle chat-sidebar-close pull-right" data-sidebar-id="chat-right-sidebar"><i class="icon-keyboard_arrow_right"></i></a>
                        </div>
                        <div class="right-sidebar-content">
                            <div class="right-sidebar-chat slimscroll">
                                <div class="chat-bubbles">
                                <div class="chat-start-date">02/06/2017 5:58PM</div>
                                    <div class="chat-bubble them">
                                        <div class="chat-bubble-img-container">
                                            <img src="http://via.placeholder.com/38x38" alt="">
                                        </div>
                                        <div class="chat-bubble-text-container">
                                            <span class="chat-bubble-text">Hello</span>
                                        </div>
                                    </div>
                                    <div class="chat-bubble me">
                                        <div class="chat-bubble-text-container">
                                            <span class="chat-bubble-text">Hello!</span>
                                        </div>
                                    </div>
                                <div class="chat-start-date">03/06/2017 4:22AM</div>
                                    <div class="chat-bubble me">
                                        <div class="chat-bubble-text-container">
                                            <span class="chat-bubble-text">lorem</span>
                                        </div>
                                    </div>
                                    <div class="chat-bubble them">
                                        <div class="chat-bubble-img-container">
                                            <img src="http://via.placeholder.com/38x38" alt="">
                                        </div>
                                        <div class="chat-bubble-text-container">
                                            <span class="chat-bubble-text">ipsum dolor sit amet</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="chat-write">
                                <form class="form-horizontal" action="javascript:void(0);">
                                    <input type="text" class="form-control" placeholder="Say something">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- /Page Content -->
        </div><!-- /Page Container -->
        
        
        <!-- Javascripts -->
        <script src="assets/plugins/jquery/jquery-3.1.0.min.js"></script>
        <script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
        <script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
        <script src="assets/plugins/uniform/js/jquery.uniform.standalone.js"></script>
        <script src="assets/plugins/switchery/switchery.min.js"></script>
        <script src="assets/plugins/summernote-master/summernote.min.js"></script>
        <script src="assets/js/ecaps.min.js"></script>
        <script src="assets/js/pages/email.js"></script>
    </body>
</html>